@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";
@import "https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700&display=swap";

/* @font-face {
    font-family: DIN-cond-reg;
    src: url(https://images.hanlonsonline.co.uk/Lambeth/fonts/ff-din-pro-cond-regular.woff?dl=0) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: DIN-cond-bold;;
    src: url(https://images.hanlonsonline.co.uk/Lambeth/fonts/ff-din-pro-cond-bold.woff?dl=0) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: DIN-cond-black;
    src: url(https://images.hanlonsonline.co.uk/Lambeth/fonts/ff-din-pro-cond-black.woff?dl=0) format("woff");
    font-weight: 400;
    font-style: normal
} */

h1 {
    color: #327abd !important;
    font-weight: 700;
}

img.imageOne {
    width: 100%;
}

img.imageTwo {
    width: 100%;
}

img.imageThree {
    width: 100%;
}

img.imageSlanted {
    width: 250px;
    float: right;
    margin-top: -28%;
    border-radius: 16px;
}

.text-block {
    padding-bottom: 20px;
    margin-top: 55px;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
}

.aboutUsBlock {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    line-height: 1.3em;
    padding-bottom: 50px;
}

h3.textBoxOne {
    background: #d92644;
    padding: 34px;
    color: #FFF;
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    font-family: Arial;
    border-radius: 32px;
    box-shadow: 5px 5px 5px rgb(0 0 0);
    margin-top: 42px;
}

h3.textBoxTwo {
    background: #d92644;
    padding: 34px;
    color: #FFF;
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    font-family: Arial;
    border-radius: 32px;
    box-shadow: 5px 5px 5px rgb(0 0 0);
    margin-top: 28px;
}

h3.textBoxThree {
    background: #d92644;
    padding: 34px;
    color: #FFF;
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    font-family: Arial;
    border-radius: 32px;
    box-shadow: 5px 5px 5px rgb(0 0 0);
    margin-top: 25px;
}

.btn-primary {
    background-color: #d92644 !important;
    border-color: #d92644 !important;
}

.registerHereOne {
    font-weight: 700;
    color: #000;
    text-decoration: none;
}

.registerHereTwo {
    font-weight: 700;
    color: #000;
    text-decoration: none;
}

.registerHereThree {
    font-weight: 700;
    color: #000;
    text-decoration: none;
}
a {
    text-decoration: none;
}
div#PortalContainer {
    max-width: 100% !important;
    padding-left: 150px;
    padding-right: 150px;
}
h1.aboutUs {
    text-decoration: none;
}

@media only screen and (max-width: 1825px) {
    #contactUs {
        margin-left: 81% !important;
    }
}

@media only screen and (max-width: 1686px) {
    #contactUs {
        margin-left: 81% !important;
    }
    img.imageSlanted {
        margin-top: -34% !important;
    }
}

@media only screen and (max-width: 1471px) {
    #contactUs {
        margin-left: 77% !important;
    }
}

@media only screen and (max-width: 1440px) {
    img.imageSlanted {
        margin-left: 950px !important;
        float: none;
    }
    .aboutUsBlock {
        font-size: 24px !important;
    }
    .text-block {
        font-size: 20px;
    }
    #contactUs {
        margin-left: 89% !important;
        font-size: 18px;
    }
}

@media only screen and (max-width: 1435px) {
    img.imageSlanted {
        margin-left: 901px !important;
        float: none;
    }
}

@media only screen and (max-width: 1430px) {
    img.imageSlanted {
        margin-left: 79%;
        float: none;
    }
}

@media only screen and (max-width: 1355px) {
    #contactUs {
        margin-left: 81% !important;
    }
}

@media only screen and (max-width: 1344px) {
    img.imageSlanted {
        margin-left: 804px !important;
        float: none;
        width: 300px;
    }
}

@media only screen and (max-width: 1334px) {
    img.imageSlanted {
        margin-left: 835px !important;
        float: none;
        width: 200px;
    }
}

@media only screen and (max-width: 1261px) {
    #contactUs {
        margin-left: 86% !important;
        width: 150px;
    }
}

@media only screen and (max-width: 1174px) {
    img.imageSlanted {
        margin-left: 755px !important;
        float: none;
        width: 200px;
    }
}

@media only screen and (max-width: 1024px) {
    img.imageSlanted {
        width: 250px;
        margin-top: -600px !important;
        margin-left: 700px !important;
    }
    #contactUs {
        margin-top: -120px;
        margin-left: 80% !important;
        width: 200px;
    }
    .aboutUsBlock {
        font-size: 28px !important;
    }
    .text-block {
        font-size: 24px;
    }
    div#PortalContainer {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (max-width: 980px) {
    #contactUs {
        margin-top: 50px;
        margin-left: 39% !important;
        width: 200px;
    }
    img.imageSlanted {
        width: 200px;
        margin-top: 0px !important;
        margin-left: 270px !important;
    }
}

@media only screen and (max-width: 768px) {
    img.imageSlanted {
        margin-top: 20px;
        margin-left: 35% !important;
    }
    #contactUs {
        margin-top: 50px;
        margin-left: 36% !important;
    }
    img.imgOne {
        width: 30%;
        margin-left: 137px;
    }
    .aboutUsBlock {
        font-size: 24px !important;
    }
    .text-block {
        font-size: 14px;
    }
    a.work-link-one {
        font-size: 18px;
    }
    a.work-link-two {
        font-size: 18px;
    }
    a.work-link-three {
        font-size: 18px;
    }
}

@media only screen and (max-width: 737px) {
    #contactUs {
        margin-top: 50px;
        margin-left: 35% !important;
    }
}

@media only screen and (max-width: 425px) {
    img.imageSlanted {
        margin-top: 20px;
        margin-left: 18% !important;
    }
    #contactUs {
        margin-top: 50px;
        margin-left: 19% !important;
    }
    #ctl00_ctl17_LoginLink {
        margin-left: 35% !important;
    }
}

@media only screen and (max-width: 375px) {
    img.imageSlanted {
        margin-left: 17% !important;
    }
    #contactUs {
        margin-left: 17% !important;
    }
}

@media only screen and (max-width: 320px) {
    img.imageSlanted {
        margin-left: 2% !important;
    }
    #contactUs {
        margin-left: 10% !important;
    }
}